<div style="height: 350px">
    @foreach($list as $vo)
    <div class="col-md-4" style="height: 100%;border: 1px solid #d8d8d8">
        <div id="chart_project_{{$vo['type']}}" style="width: 100%;height:100%;">加载中....</div>
    </div>
        <script>
            $(function () {
                var chart_project_{{$vo['type']}} = echarts.init(document.getElementById('chart_project_{{$vo['type']}}'), null, {renderer: 'canvas'});
                chart_project_{{$vo['type']}}.setOption({
                    title: {
                        text: "{{$vo['name']}}",
                        left: 'left'
                    },
                    tooltip: {
                        trigger: 'item',
                        formatter: '{b} : {c} ({d}%)',
                    },
                    legend: {
                        orient: 'vertical',
                        left: 'left',
                        data: []
                    },
                    series: [
                        {
                            type: 'pie',
                            radius: '55%',
                            // color: ['#7EC0EE', '#FF9F7F', '#FFD700', '#C9C9C9', '#E066FF', '#C0FF3E'],
                            label: {
                                formatter: '{b}: {c} ({d}%)'
                            },
                            data: [
                                    @foreach($vo['data'] as $k=>$v)
                                {
                                    value: '{{$v}}', name: '{{$k}}'
                                },
                                @endforeach
                            ]
                        }
                    ]
                });
            });
        </script>
    @endforeach
</div>
